<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签</title>
</head>
<body>
    <!-- <h1></h1> -->

    <h1 id="id">h11111111  </h1>
    <p class="xxxx">xxxx</p>
    <p class="xxxx">xxxx</p>
    <p class="xxxx">xxxx</p>
    <p class="xxxx">xxxx</p>
    
</body>

<script>
    let ele1 = document.querySelector('h1');
    console.log(ele1);
    // console.log(ele1.querySelector('?132'));

    ele1 = document.querySelector('.xxxx');
    console.log(ele1);
    
    ele1 = document.querySelectorAll('p');
    console.log(ele1);


    // function People(num, name)
    // {
    //     _num = num;
    //     _name = name;
    // }

    // let p1 = new People(10, "ddd");
    // console.log(p1);
    // console.log(_num);
    // console.log(_name);

    // test = {
    //     name : 'ddd',
    //     num : 10,
    // }

    // console.log(test);


</script>
</html>